<!doctype html>
<head>
<link rel="match" href="cross-shadow-boundary-3-ref.html" />
</head>
OuterText
<div id="host1"></div>
OuterText
<div id="host2"></div>
<script>
  const root1 = document.getElementById("host1").attachShadow({ mode: "open" });
  root1.innerHTML = "innerText1";

  const root2 = document.getElementById("host2").attachShadow({ mode: "open" });
  root2.innerHTML = "innerText2";

  getSelection().setBaseAndExtent(root1.firstChild, 3, root2.firstChild, 3);
</script>
